<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新增或编辑</title>
</head>

<body>

    <table>
        <tr>
            <h1>请添加/编辑产品信息</h1>
        </tr>
        <tr>
            <td hidden="hidden">
                id : <input type="text" name="id">
            </td>
        </tr>
        <tr>
            <td>
                名称 : <input type="text" name="name">
            </td>
        </tr>
        <tr>
            <td>
                价格 : <input type="text" name="price">
            </td>
        </tr>
        <tr>
            <td>
                <input style="margin-left: 105px; margin-top: 5px;" type="button" value="保存" style="margin: 10px;" onclick="save()">
            </td>
            <td>
                <input style="margin-left: -40px; margin-top: 5px;" type="button" value="取消" style="margin: 10px;" onclick="cancal()">
            </td>
        </tr>
        <table>
            <script src="./jquery-3.6.0.min.js"></script>
            <script>
                let id = location.search.split('?')[1];
                if (id) { //因为不仅仅只有编辑，新增也会进入这个页面，所以id不存在，要加判断！！！
                    $.get(`http://localhost:8000/produce/${id}`, data => {
                        console.log(data[0]['id']);
                        $('[name=id]').val(data[0]['id']);
                        $('[name=name]').val(data[0]['name']);
                        $('[name=price]').val(data[0]['price']);
                    })
                }
            </script>
            <!-- ./init.js只是为save和cancal才引用，并不因为endit按钮 ，而./product_aip.js是因为./init.js引用了它里面的方法-->
            <script src="./product_aip.js"></script>
            <script src="./init.js"></script>
</body>

</html>